#home {
  padding-top: 80px;
}

#main {
  // display: flex;
  // flex-direction: row-reverse;
  // align-items: stretch;
  // width: 100%;
  // max-width: $main-width;
  // margin-right: auto;
  // margin-left: auto;
  // background-color: $main-fill-color;
  // padding-right: 100px;
  // padding-left: 100px;
  // padding-top: 80px;
  // height: 100%;
  margin-top: 70px;
  min-height: calc(100vh - 80px - 148px - 70px);

  // &:before {
  //   content: "";
  //   display: block;
  //   width: 100%;
  //   height: 80px;
  // }

  // &.down:before {
  //   height: 60px;
  //   // padding-top: 60px;
  // }
}

// #sideBar {
//   flex: 0 0 $aside-width;
//   max-width: $aside-width;
//   padding: 0 0 0 25px;
//   border-right: 1px solid $color-border;
//   transition: transform $transition;

//   @import "main-side";
//   @import "main-side-calendar";
//   @import "main-side-content";
// }

#mainContent {
  // flex: auto;
  // max-width: 100%;
  // padding: 30px 40px;
  max-width: 800px;
  color: $color-text-aux;
  font-size: $font-size-base;
  margin: 0 auto;
  // transition: transform $transition;

  @import "main-body";
  @import "main-body-pager";
  @import "main-body-signature";
  @import "main-body-gallery";
  @import "main-body-share";
  @import "main-body-comment";
  @import "main-body-markdown";
  @import "main-body-ad";
  @import "main-body-post";
  @import "main-body-list";
}

.topicListFooter {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;

  a {
    align-self: stretch;
    padding: .65em 1em;
    border: 1px solid $color-border;
    border-radius: $border-radius-base;
    color: $color-text;
    background-color: $color-white;
    box-shadow: 0 2px 7px 0 rgba($color-text-aux, .1);

    @include hover-focus {
      border-color: $color-primary;
      color: $color-primary;
    }
  }
}

